 @colorPrimary: #0070DF;

 .common {
   width: 1180px;
   margin: 0 auto;
 }

 .topbg {
   display: flex;
   align-items: center;
   justify-content: center;
   background-size: cover;
   position: relative;
   height: 62px;
   z-index: 10;

   .right_operate_word {
     &:hover {
       color: #123BA4;
     }
   }
 }

 .blue_bg .right_operate_word {
   &:hover {
     color: #fff;
   }
 }

 .layout_footer {
   background-image: url('../assets/bottom_bg.png');
   background-size: cover;
   position: relative;
   text-align: center;
   z-index: 1;

   &_bg {
     width: 570px;
     height: 421px;
     position: absolute;
     right: 0;
     top: -205px;
     z-index: 0;

     img {
       width: 100%;
       height: 100%;
     }
   }
 }


 .join {
   .slick-slider {
     padding-bottom: 90px;
   }

   .slick-arrow {
     color: inherit !important;
     position: absolute;
     bottom: 0;
     top: auto;
     left: 0;
     font-size: 14px;
     z-index: 1;

     &::after {
       width: 0;
       height: 0;
       content: none;
       display: none;
     }

     &:hover {
       color: inherit !important;
     }
   }

   .slick-next {
     left: 20px;
   }

   &_operate {
     padding: 60px 0;
     background-color: #fff;
     text-align: center;

     &_img {
       position: absolute;
       right: -15%;
       top: 40%;
     }
   }

   &_service {
     background-color: #f3f3f3;
     padding: 60px;
     text-align: center;

     .ant-card-body {
       padding: 40px 35px;
     }
   }

   &_top {
     position: relative;
     background-color: #EAEFF8;
     padding: 60px 0;

     &_bg {
       position: absolute;
       left: 0;
       right: 0;
       bottom: 0;
       width: 100%;
     }
   }

   &_form {
     .ant-form-item-required {
       color: #0B3558;
       font-size: 18px !important;
       font-weight: 500 !important;
     }
   }
 }

 .contact {
   .ant-anchor-wrapper {
     -webkit-margin-before: 0px;
     margin-block-start: 0px;
     -webkit-padding-before: 0px;
     padding-block-start: 0px;
   }

   .ant-input-number-outlined,
   .ant-input-outlined {
     border-color: #A6BBD1;
   }

   .ant-input-number-outlined:hover {
     border-color: #0070df !important;
   }


   &_box {
     padding: 38px 50px;
     border-radius: 6px;
     position: relative;
     border: 1px solid #EEEEEE;
     background-color: #fff;
     flex: 1;
     overflow: hidden;

     &_bg {
       background-image: url('../assets/about_val_bg.png');
       background-size: cover;
       position: absolute;
       top: -10px;
       width: 220px;
       height: 80px;
       opacity: .2;
       left: 0;
     }
   }

   .ant-anchor {
     display: flex;
     height: 60px;
     line-height: 60px;
     background-color: #fff !important;

     gap: 50px;

     .ant-anchor-ink {
       width: 0 !important;
     }

     .ant-anchor-link {
       color: #666;
       font-size: 16px;
     }

     &::before {
       -webkit-border-start: 0px !important;
       border-inline-start: 0px !important;
     }

     .ant-anchor-link {
       padding-inline: 0px;
     }

     .ant-anchor-link-active {
       border-bottom: 2px solid #0270df;

       .ant-anchor-link-title {
         color: #333;
       }
     }
   }

   &_market {
     &_item {
       padding: 43px 0 43px 50px;
       width: 350px;
       border-radius: 6px;
       border: 1px solid #EEEEEE;
       border-left: 4px solid #0270df;
     }

     &_bg0 {
       position: absolute;
       top: 0;
       right: 0;
       background: url('../assets/contact_left.png');
       background-size: cover;
       width: 313px;
       height: 198px;
     }

     &_bg1 {
       position: absolute;
       bottom: -3px;
       left: 0;
       background: url('../assets/contact_right.png');
       background-size: cover;
       width: 313px;
       height: 198px;
     }
   }
 }

 .work {

   &_top {
     position: relative;
     overflow: hidden;
     background: #F8FAFF;

     &_topBg {
       background: url('../assets/back_bg.png');
       background-size: cover;
       position: absolute;
       right: 0;
       top: -64px;
       width: 518px;
       height: 182px;
     }

     &_bottomBg {
       position: absolute;
       left: -148px;
       bottom: -230px;
       width: 570.15px;
       height: 421.71px;
     }
   }

   &_content {
     padding: 60px 0 168px 0;
     background-color: #fff;

     &_collapse {
       .ant-collapse-item {
         border: 1px solid #EEEEEE !important;
         background-color: #fff;
         margin-bottom: 20px;
         border-radius: 6px;
       }

       .ant-collapse-content-box {
         padding: 30px 50px !important;
       }

       svg {
         font-size: 16px;
       }

       .ant-collapse-header {
         padding: 24px 29px !important;
         font-size: 18px;
         font-weight: bold;
         background-color: #FAFBFC !important;
       }
     }
   }

 }

 .about {
   &_team {
     background-image: url('../assets/about_team.png');
     background-size: cover;
     width: 100%;
     height: 100%;
   }

   &_btn {
     transition: all .2s ease-in;

     &:hover {
       transform: scale(1.1);
     }
   }

   &_top {
     background-color: #F8FAFF;
     padding: 78px 0 118px;
     position: relative;

     &_title {
       color: #003087;
       font-size: 30px;
       font-weight: bold;
     }

     &_bg {
       background: url('../assets/about_bg.png');
       width: 1052px;
       height: 496px;
       background-size: 100% 100%;
       position: absolute;
       left: -140px;

       top: 0;
       z-index: -1;
     }

     &_btn {
       padding: 10px 20px;
       color: #fff;
       background: #003087;
       font-size: 16px;
       border-radius: 40px;
       cursor: pointer;

       &:hover {


         .about_top_btn_icon {
           transform: rotate(45deg);
         }
       }

       &_icon {
         transition: all .5s;
       }
     }
   }

   &_val {
     background-color: #011C64;
     position: relative;
     padding: 60px 0;
     overflow: hidden;
     color: #fff;

     &_bg {
       background-image: url('../assets/about_val_bg.png');
       background-size: cover;
       position: absolute;
       top: -8px;
       left: 50px;
       width: 229px;
       height: 80px;
     }
   }

   &_see {

     .slick-arrow {
       width: 40px;
       height: 40px;
       z-index: 10;
     }

     .slick-next {
       inset-inline-end: -12px
     }

     .slick-prev {
       inset-inline-start: -12px
     }

     &_swiper {
       height: 312px;
       width: 100%;
       margin-bottom: 40px;


       &_item {
         display: inline-flex !important;
         justify-content: center;
         padding: 0 10px !important;

       }

       img {
         height: 193px;
       }
     }
   }
 }

 //  常見問題
 .problem {
   &_top {

     background-color: #F8FAFF;
   }

   &_content {
     padding: 60px 0 160px 0;

     .ant-collapse-header {
       padding: 18px 30px !important;
       font-size: 18px;
       color: #333 !important;
       font-weight: 600;
     }

     .ant-collapse-content-box {
       padding: 4px 30px 38px !important;
       font-size: 16px;
       color: #666 !important;

     }

     &_tab {
       width: 285px;
       border: 1px solid #EEEEEE;
       border-radius: 6px;
       height: -webkit-fit-content;
       height: -moz-fit-content;
       height: fit-content;

       &_word {
         color: #011C64;
         font-size: 18px;
         font-weight: bold;

       }

       &_item {
         border-bottom: 1px solid #EEE;
         padding: 0 20px;
         cursor: pointer;
         box-sizing: border-box;
         height: 70px;
         line-height: 70px;
         font-size: 18px;

         &:hover {
           border-left: 4px solid @colorPrimary;
           color: @colorPrimary;
           transition: all 0.2s ease 0.1s;
         }
       }

       &_active {
         color: @colorPrimary;
         border-left: 4px solid @colorPrimary;
       }
     }
   }
 }

 // 信用测评
 .credit {
   &_top {
     background: url('../assets/credit_bg.jpg');
     background-size: cover;
     padding: 39px 0 33px 0;
   }

   &_need {
     background: rgba(0, 112, 223, .1);
     padding: 40px 0 8px 0;
   }

   &_check {
     padding: 60px 0;

     .ant-card-grid {
       box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
     }
   }

   &_report {
     background: rgba(0, 112, 223, .1);
     padding: 60px 0;

     &_bg1 {
       width: 100%;
       height: 84%;
       bottom: 0;
       position: absolute;
       background: url('../assets/evaluation-bg-icon1.svg');
     }

     &_bg2 {
       position: absolute;
       width: 100%;
       top: 0;
       height: 314px;
       background: url('../assets/evaluation-bg-icon2.svg');
     }
   }
 }

 //  返利
 .cashback {
   &_number {
     font-weight: 700;
     background: linear-gradient(181.86deg, #FFFFFF 17%, #FFFFFF 71.72%, #F98B02 148.92%);

     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;

   }

   &_top {
     background: linear-gradient(to right, #012992 60%, #001B62 100%);
     background-size: cover;
     position: relative;

     &_circle {
       background-image: url('../assets/back_circle.png');
       background-size: cover;
       top: 50%;
       transform: translateY(-50%);
       width: 131px;
       height: 250px;
       left: 0;
       position: absolute;
     }

     &_woman {
       position: relative;
       right: -120px;
       z-index: 5;
     }

     &_bg {
       position: absolute;
       bottom: 0;
       width: 100%;
       height: 65px;
       background: linear-gradient(180deg, rgba(1, 32, 113, 0) 0%, #012071 100%);

     }







     //  &::after {
     //    position: absolute;
     //    bottom: 0;
     //    height: 62px;
     //    left: 0;
     //    width: 100%;
     //    background: linear-gradient(180deg, rgba(1, 32, 113, 0) 0%, #012071 100%);
     //    content: "";
     //    z-index: 1;
     //  }
   }

   &_btn {
     &_bg {
       display: none;
       height: 8px;
       width: 14px;
       display: none;
       background-size: cover;
       background-image: url("../assets/product_arrow.png");
       margin-left: 8px;

     }

     &:hover {

       .cashback_btn_bg {
         display: block !important;
       }

     }
   }



   &_mode {
     position: relative;
     overflow: hidden;

     &_topBg {
       background: url('../assets/back_bg.png');
       background-size: cover;
       position: absolute;
       right: 0;
       top: 0;
       width: 518px;
       height: 182px;
       transform: rotate(-183deg);
     }

     &_bottomBg {
       position: absolute;
       left: 0;
       bottom: -270px;
       width: 306px;
       height: 422px;

     }
   }

   &_way {
     background: url('../assets/back_bg3.png');
     background-size: cover;

     &_arrow {
       position: absolute;
       bottom: -72px;
       width: 84px;
       height: 70px;
       left: 61px;
       transform: rotate(90deg) !important;
     }

     &_img {
       width: 7px;
       height: 7px;
       background: #fff;
       transform: rotate(45deg);
       border-radius: 1.4px;
     }

     &_number {
       background: #F4F9FD;
       border-bottom-left-radius: 8px;
       border-top-right-radius: 8px;
       font-size: 16px;
       color: #999;
       font-weight: 500;
       padding: 1px 12px;
       display: inline-flex;

     }

     &_right_triangle {
       &::after {
         width: 0;
         height: 0;
         position: absolute;
         right: -10px;
         top: 50%;
         transform: translateY(-50%);
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-left: 10px solid #fff;
         content: "";
       }
     }

     &_left_triangle {
       &::after {
         width: 0;
         height: 0;
         position: absolute;
         left: -10px;
         top: 50%;
         transform: translateY(-50%);
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-right: 10px solid #fff;
         content: "";
       }
     }
   }

   &_activity {
     padding-bottom: 180px;

     &_main {
       &_icon {
         transition: all .3s ease;
       }

       .rote {
         transform: rotate(180deg);
       }

       .ant-collapse-expand-icon {
         width: 100%;
         height: auto !important;
       }

       .ant-collapse-header {
         padding: 0 !important;
         position: static !important;
       }

       .position {
         position: absolute;
         bottom: -60px;
         left: 50%;
         transform: translateX(-50%);
         border: 1px solid #EEEEEE;
         border-radius: 30px;
         padding: 10px 30px;
         z-index: 1;
         background: #fff;


       }



       .ant-collapse-content-box {
         padding: 0px !important;

       }


     }
   }
 }



 .news {
   .ant-tabs {
     .ant-tabs-tab {
       padding: 9px 0;
       font-size: 16px;

       a {
         color: #000;
       }
     }

     .ant-tabs-tab-active {
       a {
         color: #1677ff;
       }
     }
   }


   .skeleton {
     .skeleton1 {
       width: 100%;

       span {
         display: inline-block;
         width: 100%;
         height: 218px;
       }
     }

     .skeleton2 {
       width: 100%;

       span {
         display: inline-block;
         width: 100%;
         margin-top: 12px;
       }
     }
   }

   .ant-tabs .ant-tabs-tab:hover {
     color: rgba(0, 0, 0, 0.88)
   }

   .ant-tabs-top>.ant-tabs-nav::before {
     border-bottom: none;
   }

   &_btn {
     border: 1px solid #2681ff;
     color: #2681ff;
     min-width: 98px;
     min-height: 38px;
     border-radius: 4px;

     &:hover {
       background-color: #2681ff !important;
       color: #fff !important;
     }
   }
 }

 // 新闻详情
 .newsDetail {
   &_words {
     img {
       width: 100%;
       height: 100%;
     }
   }

   p {
     margin-bottom: 0;
     min-height: 19px;
     white-space: pre-wrap;
   }

   .bottom_bg {
     background: url('../assets/news_bg.png');
     background-size: cover;
     height: 282px;
   }
 }

 .footer {
   background: #011C64;
   position: relative;
   z-index: 11;

   &_icon {
     cursor: pointer;

     &:hover {
       opacity: .7;
     }
   }

   &_bg {
     background: url('../assets/circle.png');
     width: 564px;
     height: 564px;
     background-size: cover;
     position: absolute;

     transform: translate(-50%, -50%);
   }

   &_people {
     position: absolute;
     right: 258px;
     top: -84px;
     z-index: 10;
   }

   &_content {
     padding-top: 55px;
     position: relative;
     color: #fff;

     padding-left: 90px;

     &_title {
       font-size: 18px;
       white-space: nowrap;
     }

     &_word {
       font-size: 13px;
       cursor: pointer;
       opacity: .8;
       color: #fff;

       &:hover {
         color: #8192C1;
       }
     }


   }


 }



 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 // 侧边滑动样式
 ::-webkit-scrollbar {
   width: 0px;
   height: 0px;
 }

 //  ::-webkit-scrollbar-thumb {
 //    background: @colorPrimary  !important;
 //    border-radius: 12px;
 //  }
 .ant-input-outlined:hover {
   border-color: @colorPrimary;
   background-color: #ffffff;
 }

 .adm-button::before {
   background: none;
   border: none;
 }

 .cancel_btn {
   width: 100%;
   background: #F4F4F4;
   height: 60px;
   border: none !important;

   &:hover {
     background: #F4F4F4 !important;
   }
 }

 .ant-tooltip {
   max-width: 400px;

   .ant-tooltip-inner {
     padding: 14px 24px;
   }
 }











 .ant-modal .ant-modal-content {
   padding: 32px 40px;
   border-radius: 15px;
 }

 .private_modal_title {
   font-size: 24px;
   text-align: center;
   font-weight: bold;
   margin: 24px 0;
 }

 .private_modal_content {
   background-color: #F5F6F8;
   padding: 26px 16px;
   border-radius: 20px;
   height: 550px;

   overflow: auto;
   word-break: break-all;

   width: 100%;

   span {
     text-wrap-mode: wrap !important;
   }
 }


 .ant-btn-default:hover {
   border-color: @colorPrimary  !important;
   background: none;
 }

 .ant-btn-default:disabled:hover {
   border-color: #d9d9d9 !important;
   color: #00000040 !important;
   background: none !important;
 }

 .changeInfoModal {
   .ant-btn-default:disabled:hover {
     border-color: #fff !important;
     color: rgb(0, 64, 86) !important;
     background: transparent !important;
   }
 }

 .ant-pagination .ant-pagination-item-active {
   border-color: @colorPrimary  !important;

   a {
     color: @colorPrimary  !important;
   }

 }

 .ant-select-selector:hover {
   border-color: @colorPrimary  !important;

 }

 .default_btn {
   background-color: @colorPrimary;
   color: #fff;
   height: 42px;
   align-items: center;
   padding: 8px 24px;

   &:hover {
     background: @colorPrimary  !important;
     color: #fff !important;
   }
 }

 .ant-steps.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container {
   padding-bottom: 20px;
 }

 .adm-divider-horizontal {

   &::after,
   &::before {
     border-width: 2px 0 0;
   }
 }



 .container {
   min-width: 1400px;
   margin: 0 auto;
 }



 input:-internal-autofill-previewed,
 input:-internal-autofill-selected {
   transition: background-color 5000s ease-in-out 0s !important;
   -webkit-text-fill-color: #000 !important;
 }


 .layout {
   background-color: #000;
   position: fixed;
   top: 0;
   width: 100vw;
   z-index: 1000;

   .top {
     display: flex;
     padding: 19px 0;
     justify-content: space-between;
     align-items: center;
   }

   .right {
     display: flex;
     align-items: center;

     .lang {
       margin-right: 30px;
     }
   }

   .nav {
     display: flex;
     cursor: pointer;
   }
 }

 .phone_verify {
   .simple-verify {
     height: 50px !important;
     border-radius: 12px !important;
     border: none !important;

     .icon {
       background: url('../assets/bar.png') !important;
       background-size: 100% 100% !important;
       width: 46px;
       height: 46px;
     }
   }
 }

 .ant-otp {
   -moz-column-gap: 11px !important;
   column-gap: 11px !important;
 }

 .ant-otp-input {
   height: 64px;
   font-weight: bold;
   font-size: 32px;
   color: #333 !important;

   &:hover,
   &:focus {
     border-color: @colorPrimary  !important;
   }

   &:user-valid {
     background-color: #fff !important;
     box-shadow: 0px 0px 6px 1px #8BC782 !important;
   }
 }

 .credit_warrper_bottom {
   width: 100%;
   padding: 27px 44px;
   display: flex;
   justify-content: space-between;
   color: #fff;
 }

 .form_collapse {
   .ant-collapse-content-box {
     height: auto;
   }
 }

 .warrper {

   background-color: #fff;
   min-height: 100vh;

   .ant-divider-horizontal {
     -webkit-border-before: 1px solid #D7D7D7;
     border-block-start: 1px solid #D7D7D7;
     width: 100%;
     margin: 40px 0;
   }

   &_divier {
     margin: 21px 0 108px 0 !important;
     box-shadow: 0px 1px 4px 0px #0000001A;

   }
 }

 // 个人信息
 .info {

   &_content {
     width: 642px;
     margin: 0 auto;
   }

   &_main {
     width: 750px;
     position: relative;
     margin: 0 auto;
   }

   .money {


     &_item {
       border: 1px solid #CED4DA;
       height: 56px;
       color: #6C757D;
       font-size: 26px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 8px;
       cursor: pointer;
     }

     &_active {
       background-color: #6C757D;
       color: #fff;
     }
   }

   .inputNumber {
     width: 100%;


     .ant-input-number-outlined:focus-within {
       box-shadow: none !important;
     }

     .ant-input-number-group-addon {
       background: #E9ECEF;
       border: none;
       font-size: 26px;
       color: #666666;
       height: 56px;
       padding: 0 14px;
     }

     .ant-input-number-suffix {
       color: #999999;
       font-size: 20px;
       margin-right: 30px;
     }

     .ant-input-number-outlined {
       border-color: #CED4DA;
       border-left: none;


     }

     input {

       padding-left: 20px;
       height: 56px;
       font-size: 26px;
     }




   }

   &_left {

     .ant-collapse {
       width: 320px;
     }

     .ant-collapse-header {
       background-color: #f4f9fd;
       font-size: 18px;
       padding: 12px 16px 24px 0 !important;
       color: #333 !important;
     }

     .ant-collapse-content {
       background-color: #fff !important;

       .ant-collapse-content-box {
         padding: 24px !important;
       }
     }

     .number {
       color: @colorPrimary;
       font-weight: 500;
       margin: 0 1px;
     }

     .collapse_item {
       display: flex;
       align-items: center;
       font-size: 14px;
       color: #999;

       .collapse_item_circle {
         width: 10px;
         height: 10px;
         margin-right: 8px;
       }
     }
   }

   &_step {

     width: 822px;

     .ant-steps-item {
       -webkit-padding-start: 0px !important;
       padding-inline-start: 0px !important;
     }

     .ant-steps-item-content {
       width: auto;
     }

     .ant-steps-finish-icon {
       svg {
         display: none;
       }

       background: url('../assets/step_success.png');
       width: 18px;
       height: 10.5px;
       background-size: cover;
       top: -4px;
       position: relative;
     }

     .ant-steps-item-icon {
       width: 40px;
       height: 40px !important;
       display: flex !important;
       align-items: center;
       justify-content: center;
       font-size: 20px;
       -webkit-margin-end: 0px;
       margin-inline-end: 0px;
       border-radius: 50%;
       -webkit-margin-start: 0px !important;
       margin-inline-start: 0px !important;
     }

     .ant-steps-item-process {
       .ant-steps-item-icon {

         box-shadow: 0px 0px 8px 0px #0070DF66;


       }


     }

     .ant-steps-item-wait {
       .ant-steps-item-icon {
         background-color: #fff;
         border: 1px solid #BBBDBF;

         .ant-steps-icon {
           color: #BBBDBF;
         }
       }
     }

     .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
       font-size: 16px;

       color: #011536;
     }

     .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
       font-weight: 500;
     }

     .ant-steps-item-finish .ant-steps-item-icon {
       border: 2px solid #0270DF;
       background-color: #fff;

       svg {
         width: 18px;
         height: 18px;

       }
     }

     .ant-steps-item-content {
       margin-top: 10px !important;
       text-align: left !important;

       .ant-steps-item-title {
         -webkit-padding-end: 0;
         padding-inline-end: 0;

         &::after {
           height: 6px;
         }
       }
     }


     .ant-steps-item .ant-steps-item-tail {
       -webkit-margin-start: 23px;
       margin-inline-start: 23px;
       padding: 4px 16px;

       &::after {

         border: 3px solid rgba(5, 5, 5, 0.06);
         background: none;


       }
     }


   }

   .bottom {

     margin-top: 20px;

     .box {
       background-color: #fff;
       padding: 15px 15px;
       border-radius: 12px;
       color: #333;

       .ant-badge .ant-badge-dot {
         top: 2px;
         right: 2px;
       }
     }
   }


   &_right {
     flex: 1;
     height: auto;





     &_img {

       height: 180px;
       width: 100%;
       margin-bottom: 24px;

       img {
         width: 100%;
         height: 100%;
       }
     }

     &_form {
       width: 100%;
       padding: 0 40px;
       background-color: #fff;
       border-radius: 20px;

       &_agreement {
         background-color: #F5F6F8;
         padding: 40px;
         color: #666;
         font-size: 14px;
         line-height: 26px;
         margin-bottom: 24px;
       }

       &_tip {
         color: @colorPrimary;
         cursor: pointer;
       }

       &_btn {
         margin-top: 36px;
         padding-bottom: 50px;
         //  box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1);


       }

       .form_btn {
         .ant-form-item-control-input-content {
           background: none !important;
           border-radius: 8px !important;
         }
       }



       &_title {
         font-size: 20px;
         font-weight: bold;
         width: 100%;
         margin: 28px 0 24px 0;
         color: #0B6CB5;
         padding-left: 6px;
         border-left: 8px solid #0B6CB5;
       }

       &_sTitle {
         margin-bottom: 10px;
         font-size: 18px;
         color: #000;
       }

       &_subtitle {
         font-size: 18px;
         font-weight: 700;
         color: #333;
         margin: 32px 0;
       }

       .ant-input-number-affix-wrapper {
         -webkit-padding-start: 0px;
         padding-inline-start: 0px;
       }

       .box_item {
         .ant-input {
           color: #999999;
           font-size: 16px;
           padding-left: 36px !important;
         }


         &_active .ant-input {
           background-color: @colorPrimary  !important;
           color: #fff !important;
           border: none !important;
         }
       }

       .ant-form-item-label .ant-form-item-required {
         font-size: 12px;
         color: #868686;
       }

       &_name {
         font-size: 26px;
         font-weight: bold;
         color: #8BC782;
         margin-left: 5px;
       }

       &_info {
         color: #666;
         margin-top: 8px;

       }

       .ant-select {
         height: 60px;
       }

       .ant-input-outlined,
       .ant-picker-outlined,
       .ant-input-number-outlined {
         &:hover {
           border-color: #0070DF !important;
         }
       }

       .ant-form-item-control-input,
       .ant-form-item-control-input-content {

         .ant-input,
         .ant-select-selector,
         .ant-picker,
         .ant-input-number {
           width: 100%;
           padding: 14.5px 14px !important;
           border-color: #333;
           box-shadow: none !important;
           font-size: 18px;
           background: #fff;
           color: #333;


           &::-webkit-input-placeholder,
           .ant-input-number-input::-webkit-input-placeholder,
           .ant-picker-input input::-webkit-input-placeholder {
             color: #999 !important;
             font-size: 16px;
           }


           &::-moz-placeholder,
           .ant-input-number-input::-moz-placeholder,
           .ant-picker-input input::-moz-placeholder {
             color: #999 !important;
             font-size: 16px;
           }


           &:-ms-input-placeholder,
           .ant-input-number-input:-ms-input-placeholder,
           .ant-picker-input input:-ms-input-placeholder {
             color: #999 !important;
             font-size: 16px;
           }


           &::-ms-input-placeholder,
           .ant-input-number-input::-ms-input-placeholder,
           .ant-picker-input input::-ms-input-placeholder {
             color: #999 !important;
             font-size: 16px;
           }


           &::placeholder,
           .ant-input-number-input::placeholder,
           .ant-picker-input input::placeholder,
           .ant-select-selection-placeholder {
             color: #999 !important;
             font-size: 16px;
           }
         }

       }

       .ant-select-arrow {
         font-size: 16px;
       }

       .ant-picker .ant-picker-input>input {
         font-size: 16px;
       }

       .ant-input-affix-wrapper {
         padding: 0 11px;
         box-shadow: none;
         border-color: #333333;

         .ant-input {
           padding-left: 3px !important;
         }
       }

       .ant-input-number-affix-wrapper {
         border-color: #333333;

         .ant-input-number-prefix {
           margin-left: 14px;
         }

         .ant-input-number {
           border-color: transparent;

         }
       }

       .ant-form-item-control-input-content {
         border-radius: 6px !important;
       }



       .ant-input-group-addon,
       .ant-input-number-group-addon {
         background: none;
         border: none;
         border-radius: 0;
         font-size: 16px;
       }

       .ant-input-number input {
         padding: 0;
       }

       .ant-input-outlined:focus,
       .ant-select-selector:focus,
       .ant-picker:focus,
       .ant-input-number:focus {
         box-shadow: none !important;

       }
     }

     &_advice {
       font-size: 20px;
       color: #333;
       text-align: center;
       margin: 40px 0;
     }
   }

   &_footer {
     color: #fff;
     padding: 27px 40px;
     background-color: #011C64;
   }

 }

 .upload {
   background-color: #F5F6F8;
   padding: 16px 20px !important;
   display: flex;
   justify-content: space-between;
   border-radius: 8px;

   &_assest_item {
     border: 1px solid #D1D1D1;
     border-radius: 10px;
     padding: 25px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
   }
 }

 .live {
   .ant-upload-list-picture-card {
     gap: 16px !important;
     margin-top: 16px;
   }
 }

 .bank {
   .ant-upload-list-item-container {
     background-color: #F5F6F8;
     margin-block: 10px !important;
     margin-inline: 0px !important;
     padding: 13px 16px;
   }

   .ant-upload-list .ant-upload-list-item {
     margin-top: 0px;
   }

   .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
     background-color: #F5F6F8 !important;
   }

   .ant-upload-list-item-action {
     opacity: 1 !important;
   }

   &_credit {
     padding: 40px;
     background: #F5F6F8;
     text-align: center;
   }

   &_btn {
     background-color: @colorPrimary;
     color: #fff;
     height: 42px;
     align-items: center;
     padding: 8px 24px;


   }

   &_divider {
     -webkit-border-before: #D1D1D1 !important;
     border-block-start: #D1D1D1 !important;
   }
 }

 .insurance {
   .ant-upload-list-item-container {
     background-color: #fff;
     border-radius: 10px;
     margin-block: 10px !important;
     margin-inline: 0px !important;
     padding: 11px 16px;
   }

   .ant-upload-wrapper .ant-upload-list .ant-upload-list-item {
     margin-top: 0;
   }
 }

 .selectLang {
   width: 80px !important;
   text-align: center;
   border-radius: 6px;
   background-color: #fff !important;
   padding: 12px 22px 20px !important;
   top: 59px;
   z-index: 999;
   box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);

   .ant-dropdown-menu {
     background-color: transparent;
     border-radius: 0;
     box-shadow: none;
     padding: 0;



     .ant-dropdown-menu-item {
       padding: 8px 0 0;
       border-radius: 6px;
       min-width: auto !important;
       color: #000;

       background-color: transparent;
       font-size: 15px;
       cursor: pointer;

       &:hover {
         background: #fff;
         color: @colorPrimary;
       }
     }

     .ant-dropdown-menu-title-content {
       span {
         margin-right: 0 !important;
       }
     }

     .ant-dropdown-menu-item-selected {

       color: @colorPrimary;

     }

   }
 }

 .sex_options {
   .ant-radio-wrapper {
     padding: 14px 48px;
     min-width: 200px;
     border: 1px solid #333;
     border-radius: 6px;
     -webkit-margin-end: 20px;
     margin-inline-end: 20px;
     font-size: 18px;

     .ant-radio-inner::after {
       background: url('../assets/info_right.png');
       background-size: 100% 100%;
       transform: scale(1) !important;
       width: 8px;
       height: 7px;
       -webkit-margin-before: -4px;
       margin-block-start: -4px;
       -webkit-margin-start: -4px;
       margin-inline-start: -4px;
     }

     .ant-radio-input,
     .ant-radio-inner {
       width: 14px;
       height: 14px;
     }
   }
 }

 .idcard_input {


   .ant-input-group>.ant-input:not(:first-child):not(:last-child) {
     border-radius: 6px;
   }

   .ant-input-input-wrap input {
     text-align: center;
   }

   .ant-input-group-addon {
     font-size: 18px;
     padding: 0;
   }
 }

 .cookie {
   position: fixed;
   top: 0;
   width: 100%;
   background: #0070DF;
   height: 56px;
   z-index: 12;
   line-height: 56px;
   font-size: 16px;
   color: #fff;


   &_btn {
     border: 1px solid #FFFFFF;
     height: 30px;
     min-width: 73px;
     line-height: 28px;
     text-align: center;
     border-radius: 4px;
     cursor: pointer;
   }
 }

 .donwload {
   position: fixed;
   bottom: 0;
   width: 100%;

   background: #081527E5;
   backdrop-filter: blur(4px);
   z-index: 12;
   color: #fff;
   opacity: .9;

   .close {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 20px;
     cursor: pointer;
   }
 }

 .window {
   position: fixed;
   top: 10px;
   right: 10px;
   width: 300px;
   background: #fff;
   border-radius: 12px;
   padding: 24px 24px 15px;
   z-index: 21;
   animation: slideDown 1s ease forwards;


   .close {
     position: absolute;
     top: 10px;
     right: 10px;
     cursor: pointer;
   }
 }

 @keyframes slideDown {
   from {
     transform: translateY(-100px);
     /* 元素起始位置在屏幕外顶部 */
   }

   to {
     transform: translateY(0);
     /* 元素移动到屏幕内正常位置 */
   }
 }

 .product_card {
   .rote {
     transform: rotate(180deg);
   }

   .ant-typography-expand,
   .ant-typography-collapse {
     display: block;
     text-align: center;
     margin-top: 5px;
     height: 11px;
     margin-bottom: -4px;
     position: relative;
     left: 50%;
   }
 }

 .contact_modal {



   .ant-form-item {
     margin-bottom: 17px;
   }

   .ant-form-item-explain-error {
     font-size: 12px;
     line-height: 14px;
   }

   &_btn {
     background: #123ba4;
     color: #fff
   }
 }

 .ant-upload-list-item {
   a {
     color: #000;
   }
 }

 @-webkit-keyframes phonemove {

   0%,
   20%,
   50%,
   80%,
   100% {
     transform: translateY(0);
   }

   40% {
     transform: translateY(-20px);
   }

   60% {
     transform: translateY(-10px);
   }
 }

 @keyframes phonemove {

   0%,
   20%,
   50%,
   80%,
   100% {
     transform: translateY(0);
   }

   40% {
     transform: translateY(-10px);
   }

   60% {
     transform: translateY(-7px);
   }
 }

 /* 定义动画 */
 @keyframes slide-up {
   from {
     transform: translateY(100%);
     /* 从下边开始 */
     opacity: 0;
     /* 不透明度为0 */
   }

   to {
     transform: translateY(0);
     /* 移动到原位置 */
     opacity: 1;
     /* 完全不透明 */
   }
 }



 @keyframes slide-down {
   from {
     transform: translateY(0);
     /* 从下边开始 */
     opacity: 1;
     /* 不透明度为0 */
   }

   to {
     transform: translateY(100%);
     /* 移动到原位置 */
     opacity: 0;
     /* 完全不透明 */
   }
 }

 .slide-down-animation {
   animation: slide-down 1s ease forwards;
   /* 动画名称，时长，缓动函数，填充模式 */
 }

 /* 应用动画 */
 .slide-up-animation {
   animation: slide-up 1s ease forwards;

   /* 动画名称，时长，缓动函数，填充模式 */
 }